$(function () {
    // 1.数据的渲染
    // 定义当前页
    let pages = 1
    // 每页多少条数据
    let pageSies = 4

    function arrly() {
        $.ajax({
            // 请求类型
            type: "get",
            // 请求地址
            url: "/user/queryUser",
            // 请求数据
            data: {
                page: pages,
                pageSize: pageSies
            },
            // 返回的数据  'text', 'xml', 'json', 'script'
            dataType: "json",
            success: function (res) {
                //alert("成功时调用")
                // console.log(res)
                // ajax中使用 ==》 使用模板引擎
                let str = template('tmp', res)
                $('tbody').html(str)
                // 生成页面数
                paging(res.total)
            }
        })

    }

    arrly()


    // 2.禁用正常按钮功能
    // 定义id 然后获取传给后台
    let id = null
    // 定义isDelete 然后获取传给后台 ==》 是否启停
    let isDelete = null
    $('tbody').on('click', '.btn', function () {
        id = $(this).parent().attr('data-id')
        isDelete = $(this).hasClass('btn-danger') ? 0 : 1
    })


    $('.btn-ok').click(function () {
        console.log(id);
        console.log(isDelete);
        $.ajax({
            // 请求类型
            type: "post",
            // 请求地址
            url: "/user/updateUser",
            // 请求数据
            data: {
                id: id,
                isDelete: isDelete
            },
            // 返回的数据  'text', 'xml', 'json', 'script'
            dataType: "json",
            success: function (res) {
                // 重新渲染
                arrly()
                // 模态框隐藏
                $('.modal-user').modal('hide')
            }
        })
    })


    // 3.封装分页功能
    function paging(userSun) {
        $("#paginator").bootstrapPaginator({
            // 默认是2，如果是bootstrap3版本，这个参数必填
            bootstrapMajorVersion: 3,
            // 当前页
            currentPage: pages,
            // 总页数 ==》 页数 = 总数据数 / 一页放多少条数据  然后再进行上去取整
            totalPages: Math.ceil(userSun / pageSies),
            // 设置控件的大小，mini, small, normal,large
            size: "normal",
            onPageClicked: function (event, originalEvent, type, page) {
                // 为按钮绑定点击事件 page:当前点击的按钮值
                pages = page
                arrly()
            }
        })
    }


})